【CSS】::first-line（擬似要素） - １行目

CSSの擬似要素/first-lineについて解説します。

検証環境

CSS

macOS

14.1

first-line

擬似要素/first-lineは“１行目を表す擬似要素”です。

基本構文

::first-line {
    プロパティ名: プロパティ値;
}

サンプル

次のコードは擬似要素first-lineでp要素の最初の行を目立たせます。

『p要素内の１行目』を意味するセレクターのサンプルです。

sample.html

<style>
___ih_hl_start
p::first-line {
___ih_hl_end
    color: red;
}
</style>

<p>CSSの正式名称はCascading Style Sheetsです。セレクターやプロパティを定義し、ブラウザ表示のレイアウトや見た目を定義します。</p>

プレビュー